
@extends('layout.default')

@section('stylesheet')
<link href="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
@stop

@section('layout.content') 
<div class="row">
  <form class="form-horizontal" id="shop-create" autocomplete="off">
  <input type="hidden" name="status" value="2" />
  <div class="col-sm-4">
    
    

    <div class="form-group">
      <label class="col-sm-3 control-label b" for="name"> <span class="red">*</span> 商品名称</label>
      <div class="col-sm-9 no-padding-left">
          <input type="text" class="form-control" name="name" placeholder="商品名称" />
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label b" for="title"> <span class="red">*</span> 简介</label>
      <div class="col-sm-9 no-padding-left">
          <textarea class="form-control" name="title" placeholder="商品简介" /></textarea>
      </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b"> <span class="red">*</span> 商品分类 </label>
        <div class="col-sm-9 no-padding-left">
          <div class="col-sm-6 no-padding-left">
            <select class="form-control parent" name="parent_category" size="5">
            </select>
          </div>
            
          <div class="col-sm-6 no-padding-left">
            <select class="form-control child" name="child_category" size="5">
            </select>
          </div>

        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="shop_id"> <span class="red">*</span> 门店</label>
        <div class="col-sm-9 no-padding-left">
            <input type="text" class="form-control" name="shop_id" placeholder="输入门店ID、名称或核销员手机号" />
        </div>       
    </div>

    <h5 class="header smaller lighter pink2">营销</h5>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="address"> 服务选项</label>
        <div class="col-sm-9 no-padding-left">
            <input type="text" class="form-control" name="address" placeholder="多个请使用英文逗号,分隔" />
        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="type"> 商品特征</label>
        <div class="col-sm-9 no-padding-left" style="margin-left:-10px;">
            <div class="checkbox">
              <label>
                <input name="type" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 上架</span>
              </label>
              <label>
                <input name="type" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 推荐</span>
              </label>
              <label>
                <input name="type" type="checkbox" value="2" class="ace ace-checkbox-2" />
                <span class="lbl"> 新品</span>
              </label>  
              <label>
                <input name="type" type="checkbox" value="2" class="ace ace-checkbox-2" />
                <span class="lbl"> 热销</span>
              </label>          
            </div>
        </div>       
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label b"> 营销</label>
      <label class="col-sm-2 control-label no-padding-left" style="margin-left:-10px;max-width: 50px;"> 销量</label>
      <div class="col-sm-2 no-padding-left" style="min-width: 80px;">
          <input type="text" class="form-control" name="lon" placeholder="销量" />
      </div>
      <label class="col-sm-2 control-label" style="width: 60px;margin-left:-10px;"> 排序</label>
      <div class="col-sm-2 no-padding-left" style="min-width: 80px;">
          <input type="text" class="form-control" name="lat" placeholder="排序" />
      </div>
    </div>
  </div>

  <div class="col-sm-4">
    

    <div class="form-group">
      <div class="col-sm-6">
        <p class="align-center">商品缩略图</p>
        <a href="#" class="thumbnail">
          <img alt="100%x180" style="height: 160px; width: 100%; display: block;" src="" data-holder-rendered="true">
        </a>
      </div>
      <div class="col-sm-6">
        <p class="align-center">商品海报图</p>
        <a href="#" class="thumbnail">
          <img alt="100%x180" style="height: 160px; width: 100%; display: block;" src="" data-holder-rendered="true">
        </a>
      </div>      
    </div>

    <h5 class="header smaller lighter blue">规则</h5>
    
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="opening"> 有效期</label>
        <div class="col-sm-9 no-padding-left" style="margin-left:-10px;">
            <div class="checkbox">
              <label>
                <input name="type" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 指定时段</span>
              </label>
              <label>
                <input name="type" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 固定天数</span>
              </label>       
            </div>
        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"> </label>
        <div class="col-sm-9 no-padding-left">
            <p class="" > 购买当天生效，有效天数</p>
            <div class="no-padding-left" style="min-width: 80px;">
                <input type="text" class="form-control" name="lat" placeholder="排序" />
            </div>
        </div>       
    </div>
    
  </div>

  <div class="col-sm-4">

    <h5 class="header smaller lighter green">商品详情</h5>
    
    
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="opening"> 营业时间</label>
        <div class="col-sm-9 no-padding-left">
            <input type="text" class="form-control" name="opening" placeholder="营业时间" />
        </div>       
    </div>


  </div>

  
  <hr style="clear:both;" />
    <div class="form-group">
      <div class="col-xs-12 center">
        <button type="button" class="btn btn-primary submit">
          <i class="ace-icon fa fa-check"></i>
          <span class="">确定</span>
        </button>
        <button type="button" class="btn btn-grey cancel" style="margin-left: 10px;">
          <i class="ace-icon fa fa-close"></i>
          <span class="">取消</span>
        </button>
      </div>
    </div>
</form>
</div>

@stop

@section('javascript')
<script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
  var categories = $.parseJSON('{!!$categories!!}');
</script>
<script src="{{ stamp('assets/js/shop.js') }}"></script>
<script type="text/javascript">
  $(function() {

    
    
  });
</script>
@stop